<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<!-- Адаптив -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- Шрифты -->
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap"
		rel="stylesheet" />
	<link rel="apple-touch-icon" sizes="180x180" href="pictures/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="pictures/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="pictures/favicon/favicon-16x16.png">
	<link rel="manifest" href="pictures/favicon/site.webmanifest">
	<link rel="mask-icon" href="pictures/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#00a300">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" href="css/style.css" />
	<!-- Swiper -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
	<title>Документы</title>
</head>

<body>
	<div class="body-wrapper body-wrapper--documents">
		<header id="header" class="header header--additional">
			<div class="header__container container">
				<div class="header__logo logo">Личный психолог</div>
				<nav class="header__navigation navigation">
					<ul class="navigation__list">
						<li class="navigation__item">
							<a href="index.html" class="navigation__link navigation__link--additional">Главная</a>
						</li>
						<li class="navigation__item">
							<a href="service.html" class="navigation__link navigation__link--additional">Услуги</a>
						</li>
						<li class="navigation__item--active">
							<a href="documents.html" class="navigation__link navigation__link--additional">Документы</a>
						</li>
						<li class="navigation__item">
							<a href="contacts.html" class="navigation__link navigation__link--additional">Контакты</a>
						</li>
					</ul>
					<div class="burger-wrapper burger-wrapper--additional"><span class="header__burger"><span></span></>
					</div>
				</nav>
			</div>
		</header>
		<main class="main">
			<div class="main__wrapper wrapper">
				<section id="documents" class="main__documents documents">
					<div class="documents__container container">
						<h2 class="documents__title main-title title--additional title--documents">Документы</h2>
						<!-- Slider main container -->
						<div class="swiper">
							<!-- Additional required wrapper -->
							<div class="swiper-wrapper">
								<!-- Slides -->
								<div class="swiper-slide"><img id="img1" class="picture--documents"
										src="pictures/documents/Certificate_1.jpg" alt="Certificate_1" width="80%"></div>
								<div class="swiper-slide"><img id="img2" class="picture--documents"
										src="pictures/documents/Certificate_2.jpg" alt="Certificate_2" width="80%"></div>
								<div class="swiper-slide"><img id="img3" class="picture--documents"
										src="pictures/documents/Certificate_3.jpg" alt="Certificate_3" width="80%"></div>
							</div>
							<!-- If we need pagination -->
							<div class="swiper-pagination"></div>
							<!-- If we need navigation buttons -->
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
				</section>
				<section class="big-pictures">
					<img src="pictures/documents/Certificate_1.jpg" alt="" class="img1">
					<img src="pictures/documents/Certificate_2.jpg" alt="" class="img2">
					<img src="pictures/documents/Certificate_3.jpg" alt="" class="img3">
				</section>
				<section class="institutions">
					<article class="institute">
						<a href="https://vuzopedia.ru/vuz/2786" class="institute__link" target="_blank">
							<h4 class="institute__name">Институт экономики и управления в медицине и социальной сфере</h4>
							<p class="institute__city">г. Краснодар</p>
							<p class="institute__description">В институте реализуется уровневая
								подготовка по основным образовательным программам высшего, среднего, начального и дополнительного
								профессионального образования.</p>
						</a>
					</article>
					<article class="institute">
						<a href="https://iro23.ru/" class="institute__link" target="_blank">
							<h4 class="institute__name">Институт развития образования</h4>
							<p class="institute__city">г. Краснодар</p>
							<p class="institute__description">Институт развития образования Краснодарского края – одно из самых
								значимых составляющих образовательного пространства региона. Здесь, под эгидой краевого Министерства,
								сформирована развитая экосистема образования, науки и инноваций.</p>
						</a>
					</article>
				</section>
			</div>
	</div>
	</main>
	<footer class="footer">
		<div class="footer__container">
			<div class="footer__menu menu">
				<ul class="menu__list">
					<li class="menu__item">
						<a href="index.html" class="menu__link scrollto ">Главная</a>
					</li>
					<li class="menu__item">
						<a href="service.html" class="menu__link scrollto">Услуги</a>
					</li>
					<li class="menu__item">
						<a href="documents.html" class="menu__link scrollto">Документы</a>
					</li>
					<li class="menu__item">
						<a href="contacts.html" class="menu__link scrollto">Контакты</a>
					</li>
				</ul>
			</div>
			<div class="footer__info info">
				<div class="info__block-1">Created by:</div>
				<div class="info__block-2">hollow-ds.ru, 2023</div>
			</div>
		</div>
	</footer>
	</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="js/script.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
	<script src="js/swiper.js"></script>
</body>

</html>